layui.use(['table', 'dropdown'], function(){
    var $=layui.$;
    var table = layui.table;
    var layer=layui.layer;
    //点击联系人渲染界面
    $("#contact_infor").click(function (){
        let content='<div style="padding: 16px;"><table className="layui-hide" id="test" lay-filter="test"></table></div>'
       $(".render_below").html(content)
        table.render({
            elem: '#test',
            url: '/contact?action=selectAll',
            toolbar:"#toolBar",
            cols: [[ //标题栏
                {type: 'checkbox', fixed: 'left'},
                {field: 'id', title: 'ID', width: 160, sort: true},
                {field: 'name', title: '联系人', width: 150},
                {field: 'phone', title: '手机号',  width: 200},
                {field: 'role', title: '角色', width: 150},
                {field: 'deptJob', title: '部门职务', width: 180},
                {field: 'birthday', title: '生日', width: 150, sort: true},
                {field: 'email', title: '邮箱', width: 200, sort: true},
                {field: 'fixedPhone', title: '固定电话', width: 200, sort: true},
                {field: 'transPhone', title: '移动电话', width: 200, sort: true},
                {title: '操作',templet:'#toolDemo',width: 200}
            ]],
            width:"100%",
            page: true, // 是否显示分页
            limits: [5, 10, 15],
            limit: 5 // 每页默认显示的数量
        });
        table.on('toolbar(test)', function(obj){
            if(obj.event=="addContact"){
                layer.open({
                    type: 2, // page 层类型
                    area: ['100%', '100%'],
                    title: '添加联系人',
                    shade: 0.6, // 遮罩透明度
                    shadeClose: true, // 点击遮罩区域，关闭弹层
                    maxmin: true, // 允许全屏最小化
                    anim: 0, // 0-6 的动画形式，-1 不开启
                    content: '/admin/page/system/user/addContactUser.jsp'
                });
            }else if(obj.event=="sendMsg"){
                //发送短信

            }else if (obj.event=="out_infor"){
                //导出
            }else if(obj.event=="delete"){
                //删除
                let checkStatus=table.checkStatus(obj.config.id)
                let data=checkStatus.data
                for (let i = 0; i < data.length; i++) {
                    $.ajax({
                        url:'contact',
                        method:'get',
                        data:{
                            action:"deleteById",
                            id:data[i].id
                        },
                    })
                }
            }
        })
    });
    //点击下属客户
    $("#below_cus").click(function (){
        let content='<div style="padding: 16px;"><table className="layui-hide" id="test" lay-filter="test"></table></div>'
        $(".render_below").html(content)
        table.render({
            elem: '#test',
            url: '/custom?action=selectBelCus&&name='+$("h4").html(),
            cols: [[ //标题栏
                {field: 'id', title: '客户id', width: 150, sort: true},
                {field: 'name', title: '客户姓名', width: 200},
                {field: 'cusType', title: '客户类别',  width: 150},
                { title: '客户星级', width: 150 ,templet:function (d){
                        switch (d.cusStar){
                            case '1':
                                return '★';
                            case '2':
                                return '★★';
                            case '3':
                                return '★★★';
                            case '4':
                                return '★★★★';
                            case '5':
                                return '★★★★★';
                        }
                    }},
                {field: 'cusState', title: '客户状态',width: 150},
                {field: 'helpName', title: '助记名称', sort: true,width: 150},
                {field: 'belIndustry', title: '所属行业', sort: true,width: 150},
                {field: 'resource', title: '客户来源', sort: true,width: 150},
                {field: 'pid', title: '父级ID', sort: true,width: 100},
                {field: 'contactId', title: '联系人ID', sort: true,width: 100},
            ]],
            width:"100%",
            page: true, // 是否显示分页
            limits: [5, 10, 15],
            limit: 5 // 每页默认显示的数量
        });
    })
    //联系记录
    $("#contact_record").click(function (){
        let content='<div style="padding: 16px;"><table className="layui-hide" id="test" lay-filter="test"></table></div>';
        var contactBar="<div id=\"toolbar\">" +
            "<button type=\"button\" lay-event=\"callRecord\" class=\"layui-btn layui-btn-warm\">通话记录</button>" +
            "<button type=\"button\" lay-event=\"msgRecord\" class=\"layui-btn layui-btn-danger\">短信记录</button>" +
            "</div>";
        $(".render_below").html(content)
        table.render({
            elem: '#test',
            toolbar: contactBar,
            url: '/contact?action=selectConRecord',
            cols: [[ //标题栏
                {field: 'id', title: '联系编号', width: 150, sort: true},
                {field: 'callPhone', title: '通话人员', width: 200},
                {field: 'time', title: '通话时间',  width: 150},
                {field: 'type', title: '通话类型',width: 150},
                {field: 'callObject', title: '通话对象', sort: true,width: 150},
                {field: 'phone', title: '呼叫号码', sort: true,width: 150},
                {field: 'callDuration', title: '通话时长', sort: true,width: 150},
                {title: '操作', sort: true,width: 300,templet:function (obj){
                    return"<button type=\"button\" lay-event=\"flash\" class=\"layui-btn layui-btn-warm\">播放</button>" +
                        "<button type=\"button\" lay-event=\"upload\" class=\"layui-btn layui-btn-warm\">下载</button>"+
                        "<button type=\"button\" lay-event=\"delConRecord\" class=\"layui-btn layui-btn-warm\">删除</button>"
                    }},
            ]],
            width:"100%",
            page: true, // 是否显示分页
            limits: [5, 10, 15],
            limit: 5 // 每页默认显示的数量
        });
    })
    $("#buy_chance_record").click(function (){
        let content='<div style="padding: 16px;"><table className="layui-hide" id="test" lay-filter="test"></table></div>';
        var contactBar="<div id=\"toolbar\">" +
            "<button type=\"button\" lay-event=\"insertBuy\" class=\"layui-btn layui-btn-warm\">添加</button>" +
            "<button type=\"button\" lay-event=\"outBuy\" class=\"layui-btn layui-btn-danger\">导出</button>" +
            "<button type=\"button\" lay-event=\"delBuy\" class=\"layui-btn layui-btn-danger\">删除</button>" +
            "</div>";
        $(".render_below").html(content)
        table.render({
            elem: '#test',
            toolbar: contactBar,
            url: '/buyChance?action=selectBuyRecord',
            cols: [[ //标题栏
                {type: 'checkbox', fixed: 'left'},
                {field: 'id', title: '商机ID', width: 150, sort: true},
                {field: 'bcTitle', title: '商机标题', width: 200},
                {field: 'saleMoney', title: '预计销售金额',  width: 150},
                {field: 'signDate', title: '预计签单日期',width: 150},
                {field: 'saleStage', title: '销售阶段', sort: true,width: 150},
                {field: 'dealProbability', title: '成交几率', sort: true,width: 150},
                {field: 'bcSource', title: '商机来源', sort: true,width: 150},
                {title: '操作', sort: true,width: 300,templet:function (obj){
                        return"<button type=\"button\" lay-event=\"detailBuy\" class=\"layui-btn layui-btn-warm\">详情</button>" +
                            "<button type=\"button\" lay-event=\"delBuyRecord\" class=\"layui-btn layui-btn-warm\">删除</button>"
                    }},
            ]],
            width:"100%",
            page: true, // 是否显示分页
            limits: [5, 10, 15],
            limit: 5 // 每页默认显示的数量
        });
        table.on('toolbar(test)',function (obj){
            if(obj.event=='insertBuy'){
                layer.open({
                    type: 2, // page 层类型
                    area: ['100%', '100%'],
                    title: '添加商机',
                    shade: 0.6, // 遮罩透明度
                    shadeClose: true, // 点击遮罩区域，关闭弹层
                    maxmin: true, // 允许全屏最小化
                    anim: 0, // 0-6 的动画形式，-1 不开启
                    content: '/admin/page/system/user/addBuyChance.jsp'
                });
            }
        })
    })
})